<html>
    <head>
    </head>
    <body>
        <p>
        [test1] <b style="font-size:20px">baseline</b><img src="test.jpeg"></img>
        </p>
        <p>
        [test2] <b style="font-size:20px; vertical-align:top">vertical-align:top</b><img src="test.jpeg"></img>
        </p>
        <p>
        [test3] <b style="font-size:20px; vertical-align:middle">vertical-align:middle</b><img src="test.jpeg"></img>
        </p>
        <p>
        [test4] <b style="font-size:20px; vertical-align:bottom">vertical-align:bottom</b><img src="test.jpeg"></img>
        </p>
        <p>
        [test5] <b style="font-size:20px;">img=>text-top</b><img src="test.jpeg" style="vertical-align: text-top;"></img>
        </p>
        <p>
        [test6] <b style="font-size:20px;">img=>text-bottom</b><img src="test.jpeg" style="vertical-align: text-bottom;"></img>
        </p>
    </body>
</html>
